// pages/myself/merchant/StoreSet.js
let network = null;
let utils = null;
let api = null;
const app = getApp();
var Zan = require('../../../dist/index.js');
let WxNotificationCenter = require('../../../utils/WxNotificationCenter.js');

Page(Object.assign({}, Zan.TopTips, {

  /**
   * 页面的初始数据
   */
  data: {
    items: [],
    startX: 0, //开始坐标
    startY: 0,
    nodata: {
      msg: '暂无数据',
      notype: 1,
      imgurl: '/images/nodatas.png',
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    network = new app.NetWorkUtils();
    utils = new app.Utils();
    api = new app.Api();
    this.setData({
      BrandId: options.BrandId
    })
    // 注册列表刷新事件
    WxNotificationCenter.addNotification("RefreshStoreSet", this.refreshNotification, this)

    network._post_json(this, api.myStoreList, { brandId: this.data.BrandId }, success);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    WxNotificationCenter.removeNotification("RefreshStoreSet", this);
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    wx.stopPullDownRefresh();
    this.setData({
      items: []
    })
    network._post_json(this, api.myStoreList, { brandId: this.data.BrandId }, success);
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  goNewStore: function (e) {
    if (utils.canTap(e)) {
      wx.navigateTo({
        url: '/pages/myself/merchant/NewStore?brandId=' + this.data.BrandId
      })
    }
  },

  /**
   * 手指触摸动作开始 记录起点X坐标
   */
  touchstart: function (e) {
    //开始触摸时 重置所有删除
    this.data.items.forEach(function (v, i) {
      if (v.isTouchMove)//只操作为true的
        v.isTouchMove = false;
    })
    this.setData({
      startX: e.changedTouches[0].clientX,
      startY: e.changedTouches[0].clientY,
      items: this.data.items
    })
  },

  /**
   * 滑动事件处理
   */
  touchmove: function (e) {
    var that = this,
      index = e.currentTarget.dataset.index,//当前索引
      startX = that.data.startX,//开始X坐标
      startY = that.data.startY,//开始Y坐标
      touchMoveX = e.changedTouches[0].clientX,//滑动变化坐标
      touchMoveY = e.changedTouches[0].clientY,//滑动变化坐标
      //获取滑动角度
      angle = that.angle({ X: startX, Y: startY }, { X: touchMoveX, Y: touchMoveY });
    that.data.items.forEach(function (v, i) {
      v.isTouchMove = false
      //滑动超过30度角 return
      if (Math.abs(angle) > 30) return;
      if (i == index) {
        if (touchMoveX > startX) //右滑
          v.isTouchMove = false
        else //左滑
          v.isTouchMove = true
      }
    })
    //更新数据
    that.setData({
      items: that.data.items
    })
  },

  /**
   * 计算滑动角度
   * @param {Object} start 起点坐标
   * @param {Object} end 终点坐标
   */
  angle: function (start, end) {
    var _X = end.X - start.X,
      _Y = end.Y - start.Y
    //返回角度 /Math.atan()返回数字的反正切值
    return 360 * Math.atan(_Y / _X) / (2 * Math.PI);
  },

  /**
  * 编辑
  */
  edit: function (e) {
    let index = e.currentTarget.dataset.index;
    let store = this.data.items[index];
    let that = this;
    if (utils.canTap(e)) {
      wx.navigateTo({
        url: '/pages/myself/merchant/NewStore?brandId=' + this.data.BrandId + '&store=' + JSON.stringify(store)
      })
    }
  },

  /**
   * 删除事件
   */
  del: function (e) {
    let index = e.currentTarget.dataset.index;
    let store = this.data.items[index];
    let that = this;
    wx.showModal({
      title: '提示',
      content: '确定删除吗？',
      success: function (res) {
        if (res.confirm) {
          network._post_json(that, api.deleteStore, { id: store.id }, delSuccess);
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },

  previewImage: function (e) {
    let url = e.currentTarget.dataset.url;
    wx.previewImage({
      urls: [url] // 需要预览的图片http链接列表
    })
  },

  dwonImage: function (e) {
    wx.showLoading({
      title: '',
    })
    let storeId = e.currentTarget.dataset.storeid;
    wx.downloadFile({
      //url: url,
      url: api.downUrl + encodeURIComponent(storeId),
      success: function (res) {
        wx.hideLoading();
        if (res.statusCode === 200) {
          wx.saveImageToPhotosAlbum({
            filePath: res.tempFilePath,
            success(res) {
              wx.showToast({
                title: '已保存',
              })
            }
          })
        }
      }
    })
  },

  /**
   * 刷新地址
   */
  refreshNotification: function () {
    this.onPullDownRefresh();
  }
}))

var success = function (that, res) {
  if (res.data.data) {
    for (let i = 0; i < res.data.data.length; i++) {
      res.data.data[i].isTouchMove = false;
      res.data.data[i].openTime = utils.formatDate03(new Date(res.data.data[i].openTime));
      res.data.data[i].closeTime = utils.formatDate03(new Date(res.data.data[i].closeTime));
    }
    that.setData({
      items: res.data.data
    })
  }
}

var delSuccess = function (that, res) {
  WxNotificationCenter.postNotificationName("RefreshStoreCount", -1);
  WxNotificationCenter.postNotificationName("RefreshMerchantBrand");
  that.onPullDownRefresh();
  wx.showToast({
    title: '',
  })
}